﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
        <script type="text/javascript">
            function doSubmit() {
				if(validate()) {
					/*var w = 320;
                    var h = 340;
                    var l = (screen.width - w) / 2;
                    var t = (screen.height - h ) / 2;
                    window.open("/bp3/bin/Dspc/DpromptChngPackageConfirm?PKGP_CODE=" + sTemp, "ChangePackage", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);*/
				}
            }
			
			function validate() {
				var newPromotion = $('#newPromotion').val();
				
				if(isEmpty(newPromotion)) {
					alert('ขอโทษค่ะ กรุณาเลือกโปรโมชั่นที่ต้องการเปลี่ยน');
					$('#newPromotion').focus();
					return false;
				}
				
				return true;
			}
        </script>

    </head>
    <body>
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway">
                <a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> &gt;
                <a href="${pageContext.request.contextPath}/index.html?page=Welcome" class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt;
	บริการเปลี่ยนโปรโมชั่น
            </div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">




                                    <div align="center">
                                        <table width="650" border="0" cellspacing="0" cellpadding="0">
                                            <!--SVLT.VAR:CONF_TOP-->
                                            <%@ include file="../control_panel.jsp" %>

                                            <tr>
                                                <td> <table width="100%" border="0" cellspacing="3" cellpadding="0">
                                                        <tr>
                                                            <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>
                                                            <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle06.gif" width="350" height="22" /></td>
                                                        </tr>
                                                        <tr>
                                                            <td>&nbsp;</td>
                                                            <td class="textnormal">เอาใจลูกค้าแฮปปี้ ให้สามารถเลือกเปลี่ยนโปรโมชั่นใหม่
																			ไม่จำเจ หรือศึกษาหลากหลายโปรโมชั่นก่อนเปลี่ยน <span class="textnormal_bold"><a href="http://www.happy.co.th/th/low/02_1003_index.php" target="_blank">คลิก</a></span> ได้เลยจ้า </td>
                                                        </tr>
                                                    </table></td>
                                            </tr>
                                            <tr>
                                                <td height="15" align="center">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td height="7" align="left"><table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">
                                                        <tr>
                                                            <td width="45%" align="right" valign="top" class="textnormal_bold">เบอร์แฮปปี้ของคุณ:</td>
                                                            <td class="textnormalred"><span id="phoneNumber"></span></td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right" valign="top" class="textnormal_bold">โปรโมชั่นที่ใช้ในปัจจุบัน:</td>
                                                            <td class="textnormalred"><span id="promotion"></span></td>
                                                        </tr>
                                                        <!--SVLT.LOOP:show_expire-->
                                                        <tr>
                                                            <td align="right" valign="top" class="textnormal_bold">จะหมดอายุในวันที่:</td>
                                                            <td class="textnormalred"><span id="expireDate"></span></td>
                                                        </tr>
                                                        <!--SVLT.END:show_expire-->
                                                        <!--SVLT.LOOP:next_pckg-->
                                                        <tr>
                                                            <td align="right" valign="top" class="textnormal_bold">โปรโมชั่นต่อไปที่จะได้รับ:</td>
                                                            <td class="textnormalred"><span id="nextPromotion"></span></td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right" valign="top" class="textnormal_bold">วันที่เริ่มโปรโมชั่นต่อไป:</td>
                                                            <td class="textnormalred"><span id="nextPromotionStartDate"></span></td>
                                                        </tr>
                                                        <!--SVLT.END:next_pckg-->
                                                    </table>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td height="8" align="left">
                                                    <br/>
                                                    <table width="80%" border="0" align="center" cellpadding="0" cellspacing="3">
                                                        <tr>
                                                            <td>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class="textnormal_bold">เลือกโปรโมชั่นที่ต้องการเปลี่ยนใหม่:</td>
                                                        </tr>
                                                        <tr>
                                                            <td height="10">
                                                                <select id="newPromotion" name="PKGP_CODE" class="textnormal">
                                                                    <option value="">โปรโมชั่น ::::::::::::</option>
                                                                    <!--SVLT.LOOP:chng_pckg-->
                                                                    <option value=""></option>
                                                                    <!--SVLT.END:chng_pckg-->
                                                                </select>
                                                            </td>
                                                        </tr>
                                                        <!--SVLT.LOOP:show_error-->
                                                        <tr>
                                                            <td class="textnormal_bold"><!--SVLT.VAR:err_msg--></td>
                                                        </tr>
                                                        <!--SVLT.END:show_error-->
                                                    </table>
                                                    <p>&nbsp;</p><p>&nbsp;</p>
                                                    <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">
                                                        <tr align="center" valign="top">
                                                            <td>
                                                                <!--SVLT.LOOP:dis_button-->
                                                                <a href="javascript:void(0);" onclick="javascript:doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>
                                                            <td>
                                                                <!--SVLT.END:dis_button-->
                                                                <a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>
                                                        </tr>
                                                    </table>
                                                    <p>&nbsp;</p></td>
                                            </tr>
                                            <!--SVLT.VAR:CONF_BOTTOM-->
                                            <%@ include file="../tail.jsp" %>
                                        </table>
                                    </div>








                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
